/*登录页面样式*/
.cont{/*中间白色部分登录要填的白色部分样式*/
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;/*div左上角居中*/
    transform: translate(-50%,-50%);/*div整体居中*/
    background-color: white;
    width: 500px;
    height: 510px;
    border-radius: 20px;/*中间部分圆角：数值越大越圆*/
    box-shadow: 0 2px 10px rgba(0,0,0, .15);/*列表周围的阴影*/
}

body{
    margin: 0;
    padding: 0;
    background: url("../static/img/login/background.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
label{/*让整体看起来居中对齐，不然验证码输入栏不能居中，多了一个字*/
    display: inline-block;
    width: 100px;
    margin-left: 10px;
    text-align: right;
}
input{
    border-left: 1px solid black;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 18px;
    padding: 10px 10px 10px 10px;
}
.fc{/*复选框那一栏灰色字体*/
    color: #bbb;
}
a{/*去掉链接下划线*/
    text-decoration: none;
}
 a.link1:link{/*用户协议和隐私注册未被访问时为黑色字体*/
    color: #333;
}
 a.link1:visited{/*用户协议和隐私注册未被访问时仍为黑色字体*/
    color: #333;
}

.header{/*顶部导航栏*/
    position:absolute;
    top: 30px;
    left: 40px;
    height: 40px;
}

.class1{/*中间白色部分第一行登录*/
    font-size: 25px;
    text-align: center;
}
.bulb{/*灯泡提示图片*/
    width: 20px;
    height: 20px;
    margin: 0;
}
.hint{/*写着提示输入那一行*/
    background-color: #fff6d2;;
    color: orange;
    margin-left: 40px;
    margin-right: 30px;
    padding: 0 30px 0 30px;
    font-size: 20px;
}
#username{/*账号*/
    width: 60%;
}
#info_name{/*账号未正确输入提示*/
    text-align: center;
    color: red;
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
}
#password{/*密码*/
    width: 60%;
}
#info_password{/*密码未正确输入提示*/
    text-align: center;
    color: red;
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
}

#code{/*验证码输入框*/
    width: 80px;
}
#info_code{/*验证码未正确输入提示*/
    margin-left: 100px;
    color: red;
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.kaptcha{/*验证码图片*/
    float: right;
    margin: 10px 80px;
    width: 110px;
    height: 30px;
}
.checkbox{/*复选框那一行*/
    display: inline-block;
    margin-left: 80px;
    color: #333;
    width: 20px;
}
#button1{/*登录按钮*/
    margin-left: 50px;
    color: #fff;
    background-color: #ff5c00;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    /*background: #f9f9f9;*/
    line-height: 60px;
    width: 400px;
    height: 60px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    /*transition: all .3s;*/
}
button:hover{/*注册按钮划过变透明*/
    opacity: 50%;
}
#register{/*快速注册，能跳转到注册页面*/
    float: right;
    color: #ff5c00;
    text-align: right;
    margin-right: 70px;
    margin-top: 10px;
}
.bottom{/*页面底部文字*/
    position: absolute;
    bottom: 0px;
    left: 50%;/*div左上角居中*/
    transform: translate(-50%,0);/*div整体居中*/
    overflow: hidden;
    color: #fff;
    font-size: 12px;
}
